@charset "utf-8";

body  {
	margin:0;
	padding:0;
	background:url(back-14.png) repeat scroll;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}

a img { border:none }

/* global */

.wrapper  {
	margin:0 auto;
	width:1120px;
	padding:0 20px;
}

.clear { clear:both; }

/* messages */

.message-box {
	padding:10px 20px;
	border-radius:5px;
	font-size: 14px;
	margin:0;	
    margin:15px 0;
}

.message-alert {	
	color: #B94A48;
	background-color: #F2DEDE;    
	border:1px solid #EED3D7;
}

.message-info { 
	background-color: #FCF8E3;
    border: 1px solid #FBEED5;    
    color: #C09853;
}

.message-success {
	background-color: #CCFF99;
    border: 1px solid #99FF00;    
    color: #009900;
}

/* topbar */

.topbar {
	background-color:#000;	
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35) inset, 0 1px 5px rgba(0, 0, 0, 0.35);
	position:fixed;
	z-index: 1030;
	right:0;
	left:0;
	top:0;
}

.topbar .logotype {
	float:left;
	margin-left:40px;
}

.topbar .navitagion-panel {
	float:right;	
}

.topbar .navigation-bar {
	float:right;	
	padding:0;
	list-style:none;
	margin:0;
}

.topbar .navigation-bar li {	
	float:left;
}

.topbar .navigation-bar li a.button {
	text-decoration:none;
	color:#ddd;	
	font-size:14px;
	height:29px;
	padding:0 20px 0 40px;
	display:block;
	padding-top:11px;	
}

.topbar .navigation-bar li a.separator {
	border-right:1px solid #666;
}

.topbar .navigation-bar li a.button:hover {	
	color:#fff;
	background-color:#555;	
}

.topbar .navigation-bar li a.active {	
	color:#fff;
	background-color:#333;
}

.topbar .navigation-bar li a.button-home { background:url(home-icon.png) 17px 11px no-repeat; }
.topbar .navigation-bar li a.button-explore { background:url(globe-3-icon.png) 17px 12px no-repeat; }
.topbar .navigation-bar li a.button-share { background:url(podcast-icon.png) 17px 12px no-repeat; }
.topbar .navigation-bar li a.button-login { background:url(on-off-icon.png) 17px 12px no-repeat; }
.topbar .navigation-bar li a.button-profile { background:url(user-icon.png) 17px 12px no-repeat; }

.topbar  #search-input {
	background:#444 url(search-icon.png) 92% 50% no-repeat;
	border:none;	
	padding:0 35px 0 10px;
	color:#aaa;
	margin:0;
	width:115px;
	height:40px;
}

.topbar  #search-input:focus {
	color:#fff;   
    outline: 0 none;
	background-color:#666;
}

/* bottom bar */

.bottom-bar {
	color:#666;
	margin:20px 0;
	text-align:center;	
}

.bottom-bar .menu {
	display:inline-block;
	padding:0;
	margin:0;
	list-style:none;
	font-size:11px;
}

.bottom-bar .menu  a { color:#777; text-decoration:none; padding:2px 8px; display:block; }
.bottom-bar .menu  a.separator { border-right:1px solid #ccc; }
.bottom-bar .menu  a:hover { color:#545454; }

/* form */

.input-form  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	color:#545454;
}

.input-form a { color:#028be2; text-decoration:none; font-size:13px; }
.input-form a:hover { text-decoration:underline; }


.input-form a.small-link {
	color:#009cff;
	text-decoration:none;
	font-size:11px;
}

.input-form a.small-link:hover {
	text-decoration:underline;
}

.input-form h1 {
    font-size: 20px;
    font-weight: bold;
	margin:0;
}

.input-form .info-text {
	color:#545454;
	font-size:14px;
}

.input-form .small-info-text {
	color:#888;
	font-size:11px;
}

.input-form input[type="radio"] {
    display:none;
}

.input-form input[type="radio"]:checked + label.radio-label { 
	border-color: #028BE2;    
	background-color:#028BE2;	
	color:#fff;
 }

.input-form label.radio-label {
    display:inline-block;
    background-color:#fff;
	border:1px solid #ccc;
    padding:5px 12px;
	font-size:13px;
	cursor:pointer;
	color:#777;
	border-radius:5px;
	margin-right:7px;	
}

.input-form label.radio-label:hover { border:1px solid #aaa; }


.input-form input[type="text"], .input-form input[type="email"], .input-form input[type="password"], .input-form input[type="url"], .input-form textarea {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
	border:1px solid #cccccc;
	background-color:#fff;
	padding:4px;
	color:#777;
	border-radius:3px;
	width:280px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.input-form input[type="text"].error, .input-form input[type="email"].error, .input-form input[type="password"].error, .input-form input[type="url"].error, .input-form textarea.error {
	border-color: #FF3300;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 5px rgba(255, 51, 0, 0.6);
}

.input-form input[type="text"]:focus, .input-form input[type="email"]:focus, .input-form input[type="password"]:focus, .input-form input[type="url"]:focus, 
.input-form textarea:focus {
	border-color: #028BE2;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 5px rgba(82, 168, 236, 0.6);
    color: #333333;
    outline: 0 none;
}

.input-form input[type="submit"], .input-form button {
	background-color:#028BE2;
	border:none;
	color:#FFF;
	font-size:13px;
	padding:7px 12px;
	border-radius:5px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}

.input-form input[type="submit"]:hover, .input-form button:hover { background-color:#ff9600; }
.input-form input[type="submit"]:active, .input-form button:active { position:relative; top:1px; }

.input-form button[disabled] {
	background-color:#ccc;
	color:#fff;
}

.input-form h2 { color:#FF6600; font-size:24px; font-weight:normal; margin:0; }

.input-form .default-text {
	line-height:20px;
}

.input-form .sub-title { color:#FF6600; border-bottom:1px solid #FF6600; padding: 0 10px 3px 0; font-size:14px; margin:15px 0; text-align:right; }
.input-form .sub-gray-title { color:#bbb; border-bottom:1px solid #bbb; padding: 0 10px 3px 0; font-size:14px; text-align:right; }

.input-form label.error { color:#FF3300; }

/* gallery */

#gallery_container { 
	margin:20px;
}

#gallery_container .box {
	font-size:11px;
	margin:10px 10px 0;
	padding-bottom:10px;
	float:left;
	background:url(shadow-left.png) left bottom no-repeat, url(shadow-right.png) right bottom no-repeat;
}

#gallery_container .col1 .box-content { width:135px; }

#gallery_container .col2 .box-content { width:250px; }
#gallery_container .col2 .img-container img { width:250px; }

#gallery_container .col3 .box-content{ width:300px; }
#gallery_container .col3 .img-container img { width:300px; }

#gallery_container .col4 .box-content { width:400px; }
#gallery_container .col4 .box-content img { width:400px; }

#gallery_container .box .box-content {
	box-shadow: 0 0 9px -2px rgba(0, 0, 0, 0.2);
	background: none repeat scroll 0 0 #FFFFFF;
    overflow: hidden;
    padding: 0px;
}

#gallery_container .box .img-container {
    text-align: center;
	background: none repeat scroll 0 0 #000000;
    line-height: 0;
    margin-bottom: 5px;
    position: relative;
}

#gallery_container .box .post-content {
    padding: 5px 10px 0;
}

#gallery_container .box .post-footer {
    border-top: 1px solid #DDDDDD;
    margin: 8px 10px 0 10px;
    overflow: hidden;
    padding: 6px 0 6px 0;
	color:#888;
	position:relative;
}

#gallery_container .box .post-footer a.link { color: #777; text-decoration:none; }
#gallery_container .box .post-footer a.link:hover { color:#545454; text-decoration:underline; }

#gallery_container .box .post-footer .likeit { 
	text-decoration:none; 
	background:url(liketip.png) 0 0 no-repeat; 
	padding-left:12px;
	color:#777;
	height:12px;
	position:absolute;
	right:10px;	
	outline:none;
}

#gallery_container .box .post-footer a.likeit:hover { background-position:0 -12px; }


#gallery_container .box h2 {
    font-size: 13px;
	margin:0;
}

#gallery_container .box h2 a {
    color: #333333;
    text-decoration: none;
}

#gallery_container .box h2 a:hover { color:#ff9600; }

#gallery_container .box p {
    font-size: 11px;
	line-height: 16px;
    margin-bottom: 10px;
	color:#444;
}

#gallery_container .corner-stamp {
  width: 250px;
  height: 340px;
  padding: 10px;

  float: right;
  background: red;
  color: white;

	border-radius: 5px;
}

/* page */

.left-column-left { float:left; width:790px; padding-right:30px; }
.right-column-left { float:right; width:290px; padding-left:10px; }

.left-column-right { float:left; width:340px; }
.right-column-right { float:right; width:765px; padding-left:15px;  }

.big-white-page {
	background-color:#FFF;
	box-shadow: 0 0 9px -2px rgba(0, 0, 0, 0.2);
	padding:20px;
	width:725px;
}

.small-white-page  {
	background-color:#FFF;
	box-shadow: 0 0 9px -2px rgba(0, 0, 0, 0.2);
	padding:20px;

}

.default-white-page {
	background-color:#FFF;
	box-shadow: 0 0 9px -2px rgba(0, 0, 0, 0.2);	
	padding:15px;
}

/* comment */
.comment-box { margin-bottom:20px; }
.comment-box .content { float:left; width:651px; }

.comment-box .profile-image { float:left; margin-right:10px; }
.comment-box .profile-image img { width:64px; }

.comment-box .profile-name { float:left; }
.comment-box .date { color:#888; font-size:11px; float:right; }
.comment-box .text { width:640px; float:left; margin-top:5px; }


/* nav tabs */

.nav {
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
}

.nav > li > a {
  display: block;
}

.nav > li > a:hover {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav-tabs {
  *zoom: 1;
}

.nav-tabs:before,
.nav-tabs:after {
  display: table;
  line-height: 0;
  content: "";
}

.nav-tabs:after {
  clear: both;
}

.nav-tabs > li {
  float: left;
}

.nav-tabs > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

/* feeds */

.feed-list { }
.feed-list .feed-item { margin-bottom:13px; }

.feed-list .feed-item img { width:70px; float:left; margin-right:10px; }

.feed-list .feed-item .content { float:left; width:220px; }

.feed-list .feed-item .title { color:#333; font-weight:bold; text-decoration:none; }
.feed-list .feed-item .title:hover { color:#ff9600; }

.feed-list .feed-item .text {
	color: #444444;
    font-size: 11px;
    line-height: 16px;
	margin-top:5px;
}

/* paginator */

.paginator {
	margin:0;
	padding:0;
}

.paginator li { display:inline-block; margin-right:5px; }

.paginator li a { 	
    background-color:#fff;
	border:1px solid #ccc;
    padding:4px 8px;
	font-size:13px;
	cursor:pointer;
	color:#777;
	border-radius:5px;	
	text-decoration:none;
}

.paginator li a:hover { text-decoration:none; border:1px solid #aaa; }
.paginator li a.active { border-color: #028BE2; background-color:#028BE2; color:#fff; }

/* project */

.project-holder img { width:725px; }